<template>
  <view class="about-us">
    <CommonHeader>关于我们</CommonHeader>
    <view class="about-us-content">
      <view class="wrap">
        <p>
          我们团队总共有五个人都是来自云南师范大学商学院的学生，我是负责这次项目移动端小程序的前端开发。本次项目设计开发以小组的形式进行，小组中有五个人，其中包含三名后端与两名前端。一名前端负责PC（电脑）端的前端开发，一名前端负责移动小程序端的前端开发，三个后端为两个前端分别提供需要的后台接口服务，这也就形成了最基本的前后端分离架构。
        </p>
        <p>
          在程序设计方面，小组合作使得我们对项目需求的理解更加的全面，在多人讨论中让我学会了从他人的角度审视问题，当我被迫倾听他人的观点时，我也重新认识了自己的思维，开阔了我的视野。小组成员不仅是我的学习者，他们也是我的老师。前端开发者和后端开发者同时对一个需求进行理解，很容易就会得出完全不同的结论，这不仅仅是开发时的技术选型差异，更是一种思维角度的差异，这会大大增加讨论时的趣味性，也让我们对一个问题的本质认识的更彻底。在项目实际开发时，前后端分离模式大大考验了我们的交流能力，前端和后端的领域存在差异是客观事实，如何打破这段隔阂，让我们相互能理解对方，都需要我们有一定的知识基础，因此最后我们都在这段开发中学到了很多在学校中学不到的内容。
        </p>
        <view class="person">团队成员：纳鼎、李浩、丁剑、胡永琪、杨张勤</view>
        <p class="right">by 胡永琪</p>
      </view>
    </view>
  </view>
</template>
<script>
import CommonHeader from '@/components/common-header/index'
export default {
  components: {
    CommonHeader,
  },
}
</script>
<style lang="less">
.about-us {
  height: 100%;
  font-size: 24rpx;
}
.about-us-content {
  height: 100%;
  overflow: scroll;
  padding: 0 20rpx;
  .wrap {
    padding-bottom: 400rpx;
  }
}

.person {
  padding-top: 20rpx;
}

p {
  padding-top: 20rpx;
  color: #333;
  line-height: 50rpx;
  text-indent: 2em;
  &.right {
    padding-right: 40rpx;
    text-align: right;
  }
}
</style>
